<template>
    <label class="item item-borderless hl-item item-input von-input">
        <div class="hairline-bottom"></div>
        <div class="hairline-top"></div>
        {{label}}
        <input :type="type" :placeholder="placeholder" :value="value" @input="change" @change="change" v-betterInput="betterInput">
    </label>
</template>
<script>
// 左label 右输入的行输入框
export default {
    props: {
        value: null,
        label: null,
        type: {
            default: 'text'
        },
        placeholder: null,
        betterInput: {
            default: 0
        }
    },
    methods: {
        change(e) {
            this.$emit('input', e.target.value);
        }
    }
}
</script>
<style lang="scss" scoped>
@import '../../asset/scss/mixin/export.scss';
.item-input {
    height: $pt50;
    input {
        height: $pt50;
        text-align: right;
        padding: 0;
        @include font_ns_gll;
        line-height: $fontNs;
    }
}
</style>